<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/gwcindex.css"/>
		<title>购物车</title>
	</head>
	<body>
		<div class="entire">
			<div class="nav">
				<span class="nav_s1">购物车</span>
				<span class="nav_s2">自提点:天府城</span>
					<img src="gwcimg/bj.png" class="nav_img"/>
					<span class="nav_s3"><a href="#">管理购物车</a></span>
			</div>
			
			<div class="imp">
				<div class="box"  id="button">
				<span><img src="gwcimg/yuanquandui.png" id="picts"  class="box_img1"/></span>
				<span class="box_img2"><a href="lbindex.html"><img src="gwcimg/tudou.png"/></a></span>
				<span class="box_s1">土豆500g±50g/份</span>
				<span class="box_s2">限购20份</span>
				<span class="box_s3">明日自提</span>
				<span class="box_s4">￥1.58</span>
				<span class="box_s5">-</span>
				<span class="box_s6">1</span>
				<span class="box_s7">+</span>
				</div>
				
				<div class="box1" id="button2">
				<span><img src="gwcimg/yuanquandui.png" id="picts2"  class="box1_img1" /></span>
				<span class="box1_img2"><a href="lbindex.html"><img src="gwcimg/wwxb.png"/></a></span>
				<span class="box1_s1">旺旺雪饼520g</span>
				<span class="box1_s2">限购2份</span>
				<span class="box1_s3">明日自提</span>
				<span class="box1_s4">￥16.9</span>
				<span class="box1_s5">-</span>
				<span class="box1_s6">1</span>
				<span class="box1_s7">+</span>
				</div>
				
					<div class="box2" id="button3">
				<span ><img src="gwcimg/yuanquandui.png"  id="picts3" class="box2_img1" /></span>
				<span class="box2_img2"><a href="lbindex.html"><img src="gwcimg/htcym.png"/></a></span>
				<span class="box2_s1">禾田草玉米黄鸡蛋30枚</span>
				<span class="box2_s2">限购20份</span>
				<span class="box2_s3">明日自提</span>
				<span class="box2_s4">￥16.99</span>
				<span class="box2_s5">-</span>
				<span class="box2_s6">1</span>
				<span class="box2_s7">+</span>
				</div>
				
					<div class="box3" id="button4">
				<span ><img src="gwcimg/yuanquandui.png" class="box3_img1" id="picts4"/></span>
				<span class="box3_img2"><a href="lbindex.html"><img src="gwcimg/hyc.png"/></a></span>
				<span class="box3_s1">红洋葱1000g±100g</span>
				<span class="box3_s2">限购20份</span>
				<span class="box3_s3">明日自提</span>
				<span class="box3_s4">￥3.88</span>
				<span class="box3_s5">-</span>
				<span class="box3_s6">1</span>
				<span class="box3_s7">+</span>
				</div>
				
				<div class="box4" id="button5">
				<span><img src="gwcimg/yuanquandui.png" class="box4_img1" id="picts5"/></span>
				<span class="box4_img2"><a href="lbindex.html"><img src="gwcimg/aynm.png"/></a></span>
				<span class="box4_s1">安岳柠檬2枚</span>
				<span class="box4_s2">限购20份</span>
				<span class="box4_s3">明日自提</span>
				<span class="box4_s4">￥0.99</span>
				<span class="box4_s5">-</span>
				<span class="box4_s6">1</span>
				<span class="box4_s7">+</span>
				</div>
			</div>
			<span class="s1">—— 您可能想买 ——</span>
			
	<div class="cfd">
		<div class="bpy">
		<a href="lbindex.html"><img src="gwcimg/ajhjdj.png"  class="yngsbl"/></a>
		<span class="bpy_s1">安井黄金蛋饺165g</span>
		<span class="bpy_s2">附近981人已下单</span>
		<span class="bpy_s3">限2份</span>
		<span class="bpy_s4">￥2.78</span>
		<del class="bpy_s5">￥5.8</del>
		<a href="gwcindex.html"><button type="submit" class="bpy_b1">加入购物车</button></a>
		</div>
		
		<div class="bpy1">
		<a href="lbindex.html"><img src="syimg/whhadgn.png"  class="yngsbl"/></a>
		<span class="bpy1_s1">伊利纯牛奶250ml*12</span>
		<span class="bpy1_s2">附近1001人已下单</span>
		<span class="bpy1_s3">限2份</span>
		<span class="bpy1_s4">￥69.9</span>
		<del class="bpy1_s5">￥74.5</del>
		<a href="gwcindex.html"><button type="submit" class="bpy1_b1">加入购物车</button></a>
		</div>
		
		<div class="bpy2">
		<a href="lbindex.html"><img src="gwcimg/kb.png"  class="yngsbl"/></a>
		<span class="bpy2_s1">建华香油230ml</span>
		<span class="bpy2_s2">粮油副食热卖榜第1名</span>
		<span class="bpy2_s3">限2份</span>
		<span class="bpy2_s4">￥8.78</span>
		<del class="bpy2_s5">￥10.8</del>
		<a href="gwcindex.html"><button type="submit" class="bpy2_b1">加入购物车</button></a>
		</div>
		
	</div>
	
	
	<div class="foot">
		<a href="index.html"><img src="flimg/sy.png" style="width: 5vh;" class="xw"/></a>
		<span class="foot_s1">首页</span>
		
		<a href="flindex.html"><img src="syimg/femlei.png" class="femlei" style="width: 5vh;"/></a>
		<span class="foot_s2">分类</span>
		
		<a href="gwcindex.html"><img src="gwcimg/guc.png" style="width: 5vh;" class="gouwuc"/></a>
		<span class="foot_s3">购物车</span>
		
		<a href="meindex.html"><img src="syimg/me.png" style="width: 5vh;" class="me"/></a>
		<span class="foot_s4">我的</span>
	</div>
	
	<div class="buy">
		<span class="buy_s1"><img src="gwcimg/yuanquandui.png" class="yuanquandui"/></span>
		<button type="submit" class="buy_b1">&nbsp;去 下 单 5&nbsp; </button>
		<span class="buy_s2">合计:￥</span>
		<span class="buy_s3">40.34</span>
	</div>
	
		</div>
		
		<script>
        function change_pic(){
            var button = document.getElementById("button");
            var picts = document.getElementById("picts");
            button.onclick = function(){
                if(picts.getAttribute("src",2) == "gwcimg/yuanquan.png"){

                    picts.setAttribute("src","gwcimg/yuanquandui.png");

                }else{

                    picts.setAttribute("src","gwcimg/yuanquan.png");
                };
            }
        }
        change_pic();
        
         function change_pic2(){
            var button2 = document.getElementById("button2");
            var picts2 = document.getElementById("picts2");
            button2.onclick = function(){
                if(picts2.getAttribute("src",2) == "gwcimg/yuanquan.png"){
                    picts2.setAttribute("src","gwcimg/yuanquandui.png");
                }else{
                    picts2.setAttribute("src","gwcimg/yuanquan.png");
                };
            }
        }
        change_pic2();
        
         function change_pic3(){
            var button3 = document.getElementById("button3");
            var picts3 = document.getElementById("picts3");
            button3.onclick = function(){
                if(picts3.getAttribute("src",2) == "gwcimg/yuanquan.png"){
                    picts3.setAttribute("src","gwcimg/yuanquandui.png");
                }else{
                    picts3.setAttribute("src","gwcimg/yuanquan.png");
                };
            }
        }
        change_pic3();
        
        function change_pic4(){
            var button4 = document.getElementById("button4");
            var picts4 = document.getElementById("picts4");
            button4.onclick = function(){
                if(picts4.getAttribute("src",2) == "gwcimg/yuanquan.png"){
                    picts4.setAttribute("src","gwcimg/yuanquandui.png");
                }else{
                    picts4.setAttribute("src","gwcimg/yuanquan.png");
                };
            }
        }
        change_pic4();
        
        function change_pic5(){
            var button5 = document.getElementById("button5");
            var picts5 = document.getElementById("picts5");
            button5.onclick = function(){
                if(picts5.getAttribute("src",2) == "gwcimg/yuanquan.png"){
                    picts5.setAttribute("src","gwcimg/yuanquandui.png");
                }else{
                    picts5.setAttribute("src","gwcimg/yuanquan.png");
                };
            }
        }
        change_pic5();

    </script>


	</body>
</html>
